<template>
	<!-- 出库单据 -->
	<div>
		<headpage username="调拨单" routername="main1"></headpage>
		<ul class="list2">
			<li style="width:10%;">
				<div class="tableft">
					<ul class="list">
						<li @click="warehouse_allocation">调拨单</li>
					</ul>
				</div>
			</li>
			<li style="width:100%;">
				<ul class="list3">
					<li>待出库</li>
					<li>已出库</li>
				</ul>
				<input type="text" class="form-control" placeholder="输入单号查询" style="margin-top:10px;">
			</li>
		</ul>
	</div>
</template>

<script>
	import headpage from "../headpage.vue"
	export default {
		name: "delivery_document",
		components: {
			headpage
		},
		methods:{
			warehouse_allocation(){
				this.$router.push({
					name:"warehouse_allocation"
				}).catch(err=>err)
			}
		}
	}
</script>

<style scoped="scoped">
	ul,
	li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.tableft {
		width: 20px;
		font-size: 14px;
	}

	.list {
		text-align: center;
	}

	.list li {
		border-bottom: 1px solid lightblue;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.list2{
		display:flex;
	}
	
	.list3{
		display:flex;
		width:100%;
		border-bottom:1px solid gray;
	}
	.list3 li{
		width:60%;
		text-align: center;
		padding:5px;
		color:gray;
	}
	.list3 li:hover{
		border-bottom:1px solid lightblue;
		color:lightblue;
	}
</style>
